<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>Super Admin Responsive Template</title>
            
        <!-- CSS -->
        <link href="__STATIC_PATH__admin/css/bootstrap.min.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/animate.min.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/font-awesome.min.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/form.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/calendar.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/style.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/icons.css" rel="stylesheet">
        <link href="__STATIC_PATH__admin/css/generics.css" rel="stylesheet"> 
		 <link href="__STATIC_PATH__admin/css/custom.css" rel="stylesheet">
		
		<link href="__STATIC_PATH__admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    </head>
    <body id="skin-blur-violate">
       
       <header id="header" class="media">
            <a href="" id="menu-toggle"></a> 
            <a class="logo pull-left" href="javascript:;">超级管理员</a>
            
            <div class="media-body">
                <div class="media" id="top-menu">
                    <div class="pull-left tm-icon">
                        <a data-drawer="messages" class="drawer-toggle" href="">
                            <i class="sa-top-message"></i>
                            <i class="n-count animated">5</i>
                            <span>通知</span>
                        </a>
                    </div>
                    <div class="pull-left tm-icon">
                        <a data-drawer="notifications" class="drawer-toggle" href="">
                            <i class="sa-top-updates"></i>
                            <i class="n-count animated">9</i>
                            <span>消息</span>
                        </a>
                    </div>
                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>
                    
                    <div class="media-body">
                        <input type="text" class="main-search">
                    </div>
                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">
            
            <!-- Sidebar -->
            <aside id="sidebar">
                
                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow">
                    <!-- 个人信息 -->
                    <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="__STATIC_PATH__admin/img/profile-pic.jpg" alt="">
                        </a>
                        <ul class="dropdown-menu profile-menu">
                            <li><a href="">我的</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li><a href="">信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li><a href="">设置</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li><a href="">备注</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        </ul>
                        <h4 class="m-0">张宝升	</h4>
                        qy-404@163.com
                    </div>
                    
                    <!-- Calendar -->
                    <div class="s-widget m-b-25">
                        <div id="sidebar-calendar"></div>
                    </div>
                    
                    <!-- Feeds -->
                    <div class="s-widget m-b-25">
                        <h2 class="tile-title">
                           新闻
                        </h2>
                        
                        <div class="s-widget-body">
						大大大大大大大
                            <div id="news-feed"></div>
                        </div>
                    </div>
                    
                    <!-- Projects -->
                    <div class="s-widget m-b-25">
                        <h2 class="tile-title">
                            项目进行
                        </h2>
                        
                        <div class="s-widget-body">
                            <div class="side-border">
                                <small>网站</small>
                                <div class="progress progress-small">
                                     <a href="#" data-toggle="tooltip" title="" class="progress-bar tooltips progress-bar-danger" style="width: 60%;" data-original-title="60%">
                                          <span class="sr-only">60% Co</span>
                                     </a>
                                </div>
                            </div>
                            <div class="side-border">
                                <small>站点设置</small>
                                <div class="progress progress-small">
                                     <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-info" style="width: 43%;" data-original-title="43%">
                                          <span class="sr-only">43% Complete</span>
                                     </a>
                                </div>
                            </div>
                            <div class="side-border">
                                <small>接口</small>
                                <div class="progress progress-small">
                                     <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-warning" style="width: 81%;" data-original-title="81%">
                                          <span class="sr-only">81% Complete</span>
                                     </a>
                                </div>
                            </div>
                            <div class="side-border">
                                <small>稳定</small>
                                <div class="progress progress-small">
                                     <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 10%;" data-original-title="10%">
                                          <span class="sr-only">10% Complete</span>
                                     </a>
                                </div>
                            </div>
                            <div class="side-border">
                                <small>浏览</small>
                                <div class="progress progress-small">
                                     <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 95%;" data-original-title="95%">
                                          <span class="sr-only">95% Complete</span>
                                     </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 菜单 -->
                <ul class="list-unstyled side-menu">
                    <li class="active">
                        <a class="sa-side-home" href="index.html">
                            <span class="menu-item">首页</span>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a class="sa-side-ui" href="javascript:;">
                            <span class="menu-item">用户组</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="/admin/user/user">会员管理</a></li>
                            
                            <li><a href="/admin/user/shanghu">商户管理</a></li>
                            <li><a href="/admin/user/team">管理员</a></li>
                            <li><a href="/admin/user/xiangmuzu">项目组</a></li>
                           
                        </ul>
                    </li>
                     <li class="dropdown">
                        <a class="sa-side-page" href="javascript:;">
                            <span class="menu-item">商品信息</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="/admin/shoping/tables">商品表</a></li>
                            <li><a href="/admin/shoping/formadd">增加商品</a></li>
                            <li><a href="/admin/shoping/pinglun">商品评价表</a></li>
                            <li><a href="/admin/shoping/img">商品图片库</a></li>
                            <li><a href="/admin/shoping/uploadimg">增加商品图</a></li>
                            <li><a href="/admin/shoping/tables">积分商品表</a></li>
                        </ul>
                    </li>
                     <li>
                        <a class="sa-side-calendar" href="javascript:;">
                            <span class="menu-item">统计表</span>
                        </a>
                         <ul class="list-unstyled menu-item">
                            <li><a href="/admin/tongji/tongji">商品库存</a></li>
                            <li><a href="/admin/tongji/tongji">类别库存</a></li>
                            <li><a href="/admin/tongji/tongji">订单量统计</a></li>
                            <li><a href="/admin/tongji/tongji">营业额统计</a></li>
                            <li><a href="/admin/tongji/tongji">用户统计</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="sa-side-typography" href="javascript:;">
                            <span class="menu-item">订单管理</span>
                        </a>
                         <ul class="list-unstyled menu-item">
                            <li><a href="/admin/orderform/tabled">订单表</a></li>
                            <li><a href="/admin/orderform/tabled">订单退货表</a></li>
                            <li><a href="/admin/orderform/tabled">售后表</a></li>
                        </ul>
                    </li>
                        <li class="dropdown">
                        <a class="sa-side-form" href="javascript:;">
                            <span class="menu-item">活动管理</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="javascript:;">新品发布</a></li>
                            <li><a href="javascript:;">广告(新品)图片</a></li>
                            <li><a href="/admin/youhui/youhui">优惠券</a></li>
                            <li><a href="/admin/youhui/miaosha">秒杀</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="sa-side-widget" href="javascript:;">
                            <span class="menu-item">消息推送</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="/admin/email/email">短信通知</a></li>
                            <li><a href="/admin/email/email">邮件订阅</a></li>
                            <li><a href="/admin/email/email">历史咨询</a></li>
                          
                        </ul>
                    </li>
                    <li>
                        <a class="sa-side-folder" href="file-manager.html">
                            <span class="menu-item">回收站</span>
                        </a>
                    </li>
                   
                   
                </ul>

            </aside>
        
            <!-- Content -->
            <section id="content" class="container">
            
                <!-- 信息提醒 -->
                <div id="messages" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">信息</a>
                            <span class="drawer-close">&times;</span>
                            
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/5.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                                    <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- 信息提醒r -->
                <div id="notifications" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">留言</a>
                            <span class="drawer-close">&times;</span>
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="__STATIC_PATH__admin/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- Breadcrumb -->
                
                
                <h4 class="page-title">信息内容</h4>
                
              
                   <div class="wrapper wrapper-content">
					<div class="row">
						<div class="col-sm-1">
							
						</div>
						<div class="col-sm-10 animated fadeInRight">
							<div class="mail-box-header">

								<form method="get" action="index.html" class="pull-right mail-search">
									<div class="input-group">
										<input type="text" class="form-control input-sm" name="search" placeholder="搜索邮件标题，正文等">
										<div class="input-group-btn">
											<button type="submit" class="btn btn-sm btn-primary">
												搜索
											</button>
										</div>
									</div>
								</form>
								<h2>
								收件箱 (16)
							</h2>
								<div class="mail-tools tooltip-demo m-t-md">
									<div class="btn-group pull-right">
										<button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i>
										</button>
										<button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i>
										</button>

									</div>
									<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="刷新邮件列表"><i class="fa fa-refresh"></i> 刷新</button>
									<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为已读"><i class="fa fa-eye"></i>
									</button>
									<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为重要"><i class="fa fa-exclamation"></i>
									</button>
									<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为垃圾邮件"><i class="fa fa-trash-o"></i>
									</button>

								</div>
							</div>
							<div class="mail-box">

								<table class="table table-hover table-mail">
									<tbody>
										<tr class="unread">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">支付宝</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">支付宝提醒</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">昨天 10:20</td>
										</tr>
										<tr class="unread">
											<td class="check-mail">
												<input type="checkbox" class="i-checks" checked>
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">Amaze UI</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">Amaze UI Beta2 发布</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午10:57</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">WordPress</a> <span class="label label-warning pull-right">验证邮件</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">wp-user-frontend-pro v2.1.9</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午9:21</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">史上最全！淘宝双11红包疯抢攻略！</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">中午12:24</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a> <span class="label label-danger pull-right">AD</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">上午6:48</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">支付宝</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">支付宝提醒</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">昨天 10:20</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">Amaze UI</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">Amaze UI Beta2 发布</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午10:57</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">WordPress</a> <span class="label label-warning pull-right">验证邮件</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">wp-user-frontend-pro v2.1.9</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午9:21</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">史上最全！淘宝双11红包疯抢攻略！</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">中午12:24</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a> <span class="label label-danger pull-right">AD</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">上午6:48</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">支付宝</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">支付宝提醒</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">昨天 10:20</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">Amaze UI</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">Amaze UI Beta2 发布</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午10:57</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">WordPress</a> <span class="label label-warning pull-right">验证邮件</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">wp-user-frontend-pro v2.1.9</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">上午9:21</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">史上最全！淘宝双11红包疯抢攻略！</a>
											</td>
											<td class=""></td>
											<td class="text-right mail-date">中午12:24</td>
										</tr>
										<tr class="read">
											<td class="check-mail">
												<input type="checkbox" class="i-checks">
											</td>
											<td class="mail-ontact"><a href="mail_detail.html">淘宝网</a> <span class="label label-danger pull-right">AD</span>
											</td>
											<td class="mail-subject"><a href="mail_detail.html">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
											</td>
											<td class=""><i class="fa fa-paperclip"></i>
											</td>
											<td class="text-right mail-date">上午6:48</td>
										</tr>
									</tbody>
								</table>


							</div>
						</div>
					</div>
				</div> 
                
                <br/><br/>
            </section>
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="__STATIC_PATH__admin/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="__STATIC_PATH__admin/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
		<script src="__STATIC_PATH__admin/js/content.js?v=1.0.0"></script>
		  <script src="__STATIC_PATH__admin/js/icheck.min.js"></script>
        <!-- Bootstrap -->
        <script src="__STATIC_PATH__admin/js/bootstrap.min.js"></script>
        
        <!-- UX -->
        <script src="__STATIC_PATH__admin/js/scroll.min.js"></script> <!-- Custom Scrollbar -->
        
        <!--  Form Related -->
        <script src="__STATIC_PATH__admin/js/validation/validate.min.js"></script> <!-- jQuery Form Validation Library -->
        <script src="__STATIC_PATH__admin/js/validation/validationEngine.min.js"></script> <!-- jQuery Form Validation Library - requirred with above js -->
        
        <!-- Other -->
        <script src="__STATIC_PATH__admin/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="__STATIC_PATH__admin/js/feeds.min.js"></script> <!-- News Feeds -->
        
        
        <!-- All JS functions -->
        <script src="__STATIC_PATH__admin/js/functions.js"></script>
        
        <script type="text/javascript">
            $(document).ready(function() {
                var date = new Date();
                var d = date.getDate();
                var m = date.getMonth();
                var y = date.getFullYear();
                $('#calendar').fullCalendar({
                    header: {
                         center: 'title',
                         left: 'prev, next',
                         right: ''
                    },

                    selectable: true,
                    selectHelper: true,
                    editable: true,
                    events: [
                        {
                            title: 'Hangout with friends',
                            start: new Date(y, m, 1),
                            end: new Date(y, m, 2)
                        },
                        {
                            title: 'Meeting with client',
                            start: new Date(y, m, 10),
                            allDay: true
                        },
                        {
                            title: 'Repeat Event',
                            start: new Date(y, m, 18),
                            allDay: true
                        },
                        {
                            title: 'Semester Exam',
                            start: new Date(y, m, 20),
                            end: new Date(y, m, 23)
                        },
                        {
                            title: 'Soccor match',
                            start: new Date(y, m, 5),
                            end: new Date(y, m, 6)
                        },
                        {
                            title: 'Coffee time',
                            start: new Date(y, m, 21),
                        },
                        {
                            title: 'Job Interview',
                            start: new Date(y, m, 5),
                        }
                    ],
                     
                    //On Day Select
                    select: function(start, end, allDay) {
                        $('#addNew-event').modal('show');   
                        $('#addNew-event input:text').val('');
                        $('#getStart').val(start);
                        $('#getEnd').val(end);
                    },
                     
                    eventResize: function(event,dayDelta,minuteDelta,revertFunc) {
                        $('#editEvent').modal('show');

                        var info =
                            "The end date of " + event.title + "has been moved " +
                            dayDelta + " days and " +
                            minuteDelta + " minutes."
                        ;
                        
                        $('#eventInfo').html(info);
                
                
                        $('#editEvent #editCancel').click(function(){
                             revertFunc();
                        }) 
                    }
                });
                
                $('body').on('click', '#addEvent', function(){
                     var eventForm =  $(this).closest('.modal').find('.form-validation');
                     eventForm.validationEngine('validate');
                     
                     if (!(eventForm).find('.formErrorContent')[0]) {
                          
                          //Event Name
                          var eventName = $('#eventName').val();

                          //Render Event
                          $('#calendar').fullCalendar('renderEvent',{
                               title: eventName,
                               start: $('#getStart').val(),
                               end:  $('#getEnd').val(),
                               allDay: true,
                          },true ); //Stick the event
                          
                          $('#addNew-event form')[0].reset()
                          $('#addNew-event').modal('hide');
                     } 
                });   
            });    
            
            //Calendar views
            $('body').on('click', '.calendar-actions > li > a', function(e){
                e.preventDefault();
                var dataView = $(this).attr('data-view');
                $('#calendar').fullCalendar('changeView', dataView);
                
                //Custom scrollbar
                var overflowRegular, overflowInvisible = false;
                overflowRegular = $('.overflow').niceScroll();     
            });                    
            
       </script>
	   <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
    </body>
</html>

